<template>
  <div class="container">
    <div class="left-side">
      <div class="big-pic">
        <img src="../assets/login/undraw_hire_te5y.png" alt="" />
      </div>
      <div class="left-top">
        <img src="../assets/login/图层 2.png" alt="" />
      </div>
      <div class="bottom-o">
        <img src="../assets/login/图层 10.png" alt="" />
      </div>
      <div class="bottom-d">
        <img src="../assets/login/图层 9.png" alt="" />
      </div>
      <div class="bottom-r">
        <img src="../assets/login/图层 8.png" alt="" />
      </div>
    </div>
    <div class="right-side">
      <div class="login-box">
        <div class="login-logo">
          <img src="../assets/login/pal  logo.png" alt="" />
        </div>
        <div class="p-title">
          欢迎登录SPF-Pal平台
        </div>
      </div>
    </div>
  </div>
</template>
<script></script>
<style lang="less" scoped>
  .container {
    background-color: #26a4ec;
    height: 1080px;
    width: 1920px;
    /* position: relative; */
    display: flex;
  }
  .clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .left-side {
    width: 1200px;
    position: relative;
    .big-pic {
      position: absolute;
      top: 151px;
      left: 146px;
    }
    .left-top {
      position: absolute;
      left: 929px;
      top: 22px;
    }
    .bottom-o {
      position: absolute;
      top: 869px;
      left: 88px;
    }
    .bottom-d {
      position: absolute;
      top: 844px;
      left: 598px;
    }
    .bottom-r {
      position: absolute;
      top: 803px;
      left: 998px;
    }
  }
  .right-side {
    width: 720px;
    position: relative;
    .login-box {
      position: absolute;
      top: 242px;
      width: 601px;
      height: 547px;
      background: rgba(255, 255, 255, 1);
      opacity: 0.43;
      border-radius: 6px;
      .login-logo {
        margin-top: 38px;
        margin-left: 170px;
      }
      .p-title {
        width: 370px;
        height: 37px;
        margin-left: 128px;
        margin-top: 33px;
        font-size: 38px;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color:rgba(0,255,0,1);
        line-height: 26px;
      }
    }
  }
</style>
